@white:#fff;
@black:#1e1e1e;
@orange:#ff7901;

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  line-height: 1.6;
  font: 12px/1.5 PingFangSC-Regular,Tahoma,Microsoft Yahei;
  background-color:@black;
  color: @white;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,select,textarea,p,blockquote{margin:0;padding:0;}
a img {
  border: 0;
}
a {
  text-decoration: none;
}
ul li {
    list-style: none;
}
.fidex{
	width: 100%;
	height: 100%;
	position:fixed;
	top: 0;
	left: 0;
}

.wrap{
	width: 1050px;
	margin: 0 auto;
	position: relative;
	z-index: 10;
}
.wrap-bg{
	.fidex;
	background: #000;
	opacity: .65;
	z-index: 1;
}
.wrap-images{
	.fidex;
	background-size: cover;
}

.wrap-head{
	padding-top: 170px;
	height: 100px;

	h1{
		font-size: 2rem;
		line-height: 1.8;
		font-weight: normal;
		letter-spacing: 1.5rem;
	}
	p{
		font-size: 1.05rem;
		color: rgba(255,255,255,.7);
	}
}
.wrap-body{
	.wrap-v{
		border:2px solid rgba(255,255,255,.26);
		height: 600px;
		position: relative;
		
		.v-body{
			width:830px;
			float: left;
		}
		.v-menu{
			width: 138px;
			float: right;
			padding-right: 25px;
			margin-right: 15px;

			.menu-title{
				font-size: .8rem;
				font-weight: normal;
				color: @orange;
				padding-top: 20px;
				line-height: 30px;
			}
			.menu-body{
				height: 527px;
				overflow: hidden;
				position: relative;
				margin-right: -25px;
				
				ul{
					li{
						padding-top: 10px;

						.v-title{
							font-size:.7rem;
							font-weight: normal;
							line-height: 35px;
							padding-top: 3px;
							width: 100%;
							white-space:nowrap; 
							text-overflow: ellipsis;
							overflow:hidden;
						}
						.v-pic{
							width: 140px;
							height: 85px;
							overflow: hidden;
							position:relative;
							.cover{
								width: 100%;
								height: 100%;
								position: absolute;
								top:0;
								left: 0;
								background: #000\9;
								opacity: .45\9;
								background: rgba(0,0,0,.45);
								-webkit-transition:all 0.3s ease;
								transition:all 0.3s ease;
							}
						}

						&:hover{
							.v-pic{
								.cover{
									background:none;
								}
							}
						}

						&.select{
							.v-pic{
								.cover{
									border:4px solid #ff9c00;
									width: 132px;
									height: 77px;
									background: #ff9c00\9;
									opacity: .45\9;
									background: rgba(255,156,0,.45);
								}
							}
						}
					}
				}

			}
		}
		.line_RT{
			position:absolute;
			right: -257px;
			top: -270px;
		}
		.line_LB{
			position:absolute;
			left: -238px;
			bottom: -205px;
		}
		.qrcode{
			width: 170px;
			position: absolute;
			right: -200px;
			top: 0;

			p{
				padding-top: 15px;
				font-size: 1.2rem;

			}
			i.like{
				display: inline-block;
				width: 25px;
				height: 25px;
				background: url(http://oss.imconfig.com/test/pc/images/like.png) no-repeat;
				vertical-align: -2px;
			}
		}
	}

}
.wrap-footer{
	.sponsor{
		text-align: center;
		padding: 40px 0 20px;
		p{
			font-size: 0.817rem;
			line-height: 1.5;
		}
	}

}